import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

// 组件化、模块化开发


// 模块（js）：将一个js文件拆成多个文件
// 组件（html，css，js）：基于模块 将整个页面（html，css，js）拆成多个文件 一个组件就是页面中的一块内容
function $(props){
    if(props[0]=='#'){
      return document.getElementById(props.slice(1));
    }
    if(props[0]=='.'){
      return document.getElementById(props.slice(1));
    }
    return document.getElementsByTagName(props);

}

//可以直接用这个获取样式
console.log($('#root'));
console.log($('.hello')[0]);
//animate
// 获取DOM元素($('#box'))
//获取样式(getStyle)

// index.js是入口文件，必须有，其它都可以自定义

ReactDOM.render(
    // <App />,
    <h1 className="hello">hello react</h1>,
  document.getElementById('root')
);


